<template>
	<view class="service-detail-page">
		<view class="service-detail-page-top">
			<image class="avatar" src="../../static/images/serviceDetail/tx.png" mode=""></image>
			<view class="body">
				<view class="title">开封市文化馆</view>
				<view class="tag">公共文化机构</view>
				<view class="data">
					<text>0</text>次百姓点单  l 已配送<text>0</text>场
				</view>
				<view class="fans"><text>1</text>粉丝</view>
			</view>
			<!-- 关注按钮 -->
			<view class="follow"> + 关注</view>
		</view>
		<!-- 简介 -->
		<view class="service-detail-page-desc">
			<text>开封市文化馆始建于1927年，前身为河南民国政府成立的“河南教育馆”，1950年更名“开封...</text>
			<view class="btn">
				<image src="/static/images/zk.png" mode=""></image>
				<text>展开</text>
			</view>
		</view>
		<!-- 菜单 -->
		<view class="service-detail-page-menu">
			<text class="active">文化菜单</text>
			<text>数字资源</text>
		</view>
		<!-- 列表 -->
		<view class="service-detail-page-list">
			<view class="item" v-for="index in 3">
				<view class="cover">
					<image src="../../static/images/serviceDetail/1.png" mode=""></image>
					<!-- 播放键 -->
					<image class="video__play" src="/static/images/play.png" mode=""></image>
				</view>
				<view class="title">《翩翩起舞》</view>
				<view class="data">
					<view>开封市文化馆</view>
					<view class="like">
						<image src="../../static/images/serviceDetail/赞.png" mode=""></image>
						<text>3</text>
						点单
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped src="./serviceDetail.scss">

</style>
